<template>
  <div>
    <h2>子组件</h2>
    <!-- 2.展示到页面 -->
    <p>父组件传递过来的name:{{ pName }}</p>
    <p>父组件传递过来的加工后name:{{ ppName }}</p>
  </div>
</template>

<script>
export default {
  // 1.props 接收父组件传递子组件的数据
  props: ["pName"],
  setup(props) {
    // 3.可以进行动态的修改
    let ppName = props.ppName;
    ppName = "二货";
    return {
      ppName,
    };
  },
};
</script>

<style></style>
